<section>
  <p>待办</p>
  <ul ng-show="uncheckedList.length">
    <li ng-repeat="item in uncheckedList">
      <input type="checkbox" ng-model="item.checked" id="{{'id-' + $index}}">
      <label for="{{'id-' + $index}}" ng-class="{strike: item.checked}">{{ item.content + ' ' + item.time }}</label>
    </li>
  </ul>
  <div ng-show="!uncheckedList.length">暂无数据</div>
  <p>
    <span>已完成</span>
    <a ng-show="checkedList.length" href ng-click="archiveAll()">全部归档</a>
  </p>
  <ul ng-show="checkedList.length">
    <li ng-repeat="item in checkedList">
      <span class="strike">{{ item.content + ' ' + item.time }}</span>
      <a href ng-click="undo({item: item})">恢复</a>
      <a href ng-click="archive({item: item})">归档</a>
    </li>
  </ul>
  <div ng-show="!checkedList.length">暂无数据</div>
</section>